<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>事件</title>
</head>
<body>
    <script>
        document.write('<p>事件：发生了事情，既可以是用户的行为，也可以是浏览器的行为。<br></p>')
        document.write('<p style="color:red;">注：使用 on 关键字进行绑定事件。操作如：对象.onclick = function(){}，window.onload =  function(){}<br></p>')
        document.write('<p>事件对象：事件发生时，浏览器会自动创建一个对象，这个对象中包含了事件发生时的相关信息。</p>')
        document.write('<p>事件处理程序：事件发生时，浏览器会自动调用一个函数，这个函数就是事件处理程序。</p>')
        document.write('<p style="color:red;"><br><br>常见的事件：</p>')
        document.write('<p>load：页面或图像被完成加载。</p>')
        document.write('<p>click：鼠标点击某个对象。</p>')
        document.write('<p>mousedown：鼠标按键被按下。</p>')
        document.write('<p>mouseup：鼠标按键被松开。</p>')
        document.write('<p>mouseout：鼠标从某个元素移开。</p>')
        document.write('<p>mouseover：鼠标被移到某个元素上。</p>')
        document.write('<p>abort：图像加载被中断。</p>')
        document.write('<p>blur：元素失去焦点。</p>')
        document.write('<p>change：用户改变域的内容。</p>')
        document.write('<p>dblclick：鼠标双击某个对象。</p>')
        document.write('<p>error：当加载文档或图像时发生了某个错误。</p>')
        document.write('<p>focus：元素获得焦点。</p>')
        document.write('<p>keydown：键盘的键被按下。</p>')
        document.write('<p>keypress：键盘的键被按下或被按住。</p>')
        document.write('<p>keyup：键盘的键被松开。</p>')
        document.write('<p>mousemove：鼠标被移动。</p>')
        document.write('<p>reset：重置按钮被点击。</p>')
        document.write('<p>resize：窗口或框架被调整尺寸。</p>')
        document.write('<p>select：文档被选定。</p>')
        document.write('<p>scroll：元素滚动条在滚动时触发。</p>')
        document.write('<p>submit：提交按钮被点击。</p>')
        document.write('<p>unload：用户推出页面。</p>')


        document.write('<p style="color:red;"><br><br>移动端：</p>')
        document.write('<p>touchstart：触摸开始（手指放在触摸屏上）。</p>')
        document.write('<p>touchmove：拖动（手指在触摸屏上移动）。</p>')
        document.write('<p>touchend：触摸结束（手指从触摸屏上移开）。</p>')
        document.write('<p>touchenter：移动的手指进入一个dom元素。</p>')
        document.write('<p>touchleave：移动的手指离开一个dom元素。</p>')
        document.write('<p>touchcancel：是在拖动中断时触发。</p>')
        document.write('<p>tap：手指碰一下屏膜会触发。</p>')
        document.write('<p>longTap：手指长按屏膜会触发。</p>')
        document.write('<p>singleTap：手指碰一下屏膜会触发。</p>')
        document.write('<p>doubleTap：手指双击屏膜会触发。</p>')
        document.write('<p>swipe：手指在屏膜上滑动时会触发。</p>')
        document.write('<p>swipeLeft：手指在屏膜上向左滑动时会触发。</p>')
        document.write('<p>swipeRight：手指在屏膜上向右滑动时会触发。</p>')
        document.write('<p>swipeUp：手指在屏膜上向上滑动时会触发。</p>')
        document.write('<p>swipeDown：手指在屏膜上向下滑动时会触发。</p>')
    </script>
</body>
</html>